import Vue from 'vue'

import Home from '@/views/Home'
import Search from '@/views/Search'
import NotFound from '@/views/NotFound'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  // ! 路由模式
  // # 默认是hash模式 ，在地址栏带有#
  // # 设置为history模式，在地址栏不会带有# 项目上线的时候使用
  mode:'history',
  routes:[
    {
      path:'/',
      // ! redirect:重定向的路径(必须是已经存在的路径)
      redirect:'/home' 

    },
    {
      path:'/home',
      component:Home,
      name:'Name'
    },
    {
      // ! 可选参数 用? 表示
      path:'/search/:words?',
      component:Search,
      name:'Search'
    },
    {
      // ! *通配符，可以匹配任意路径
      // ! 配置404页面一定要写在路由规则的最后面
      path:'*', 
      component:NotFound,
      name:'NotFound'
    }
  ]
})

export default router